<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<head>
<title>_拆分订单</title>
<script type="text/javascript">
              
     $(function() {
           $('#reservation').daterangepicker({
           format: 'YYYY/MM/DD'
           });
     });     
            
</script>   

<!-- <script type="text/javascript">
              $(function() {
               var now = new Date();
               var now2 = new Date();
               now2.setDate(-6);
		var today=(now2.getFullYear())+"/"+(now2.getMonth()+1)+"/"+(now2.getDate());    
		var today2=(now.getFullYear())+"/"+(now.getMonth()+1)+"/"+(now.getDate());    
		$("#reservation").val(today+"-"+today2);
           $('#reservation').daterangepicker({
           format: 'YYYY/MM/DD',
           startDate:today,
           endDate:today2
           });
     }); 
    
</script> -->

</head>
       
<body>
		                        
       <section class="content-header">
        <h4>能容快递时效</h4>
        </section>


   <section class="content">


                    <div class="row">
                      <div class="col-md-12">
                        
                            <!-- Primary box -->
                            <div class="box box-solid box-primary">
                                <div class="box-header">
                                      <i class="fa fa-search"></i>
                                    <h3 class="box-title">
                                       搜索栏
                                    </h3>
                                    <div class="box-tools pull-right">
                                        <button class="btn btn-primary btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                    </div>
                                </div>
                                <div class="box-body">
                                
                                  <div class="form-group row">
<div class="col-sm-3">
<div class="input-group col-sm-12">
<span class="input-group-text"> 商家名称： </span>
 <select class="form-control">
<option value="">请选择...</option>
<option value="VTE">伟易达</option>
<option value="LIJ">力杰数码</option>
<option value="RY1">睿远商贸</option>
<option value="YIL">亿觅</option>
<option value="WUL">武绿食品</option>
<option value="HS1">广州黑石数码</option>
<option value="MLS">美丽说</option>
<option value="LKE">仁清科技</option>
<option value="furun_test">富润测试</option>
  </select>
</div>
</div>

<div class="col-sm-3">
<div class="input-textgroup col-sm-12">
<span class="input-group-text">作业仓库：</span>
<select  class="form-control" >
<option value="">请选择...</option>
<option value="HN">华南(深圳)</option>
<option value="HD">华东(上海)</option>
<option value="HB">华北(北京)</option>
<option value="HZ">华中(武汉)</option>
<option value="XN">西南(成都)</option>
<option value="XB">西北(西安)</option>
</select>
</div>
   </div>
                                    
  <div class="col-sm-3">
<div class="input-group col-sm-12">
<span class="input-group-text"> 快递公司： </span>
    <select class="form-control">
 <option value="">请选择...</option>
<option value="1">增益速递</option>
<option value="2">申通快递</option>
<option value="3">圆通快递</option>
<option value="4">顺丰快递</option>
<option value="5">优速快递</option>
  </select>
</label>
  </div>
   </div> 
   
   <div class="col-sm-3">
<div class="input-group col-sm-12">
<span class="input-group-text"> 原因类型： </span>
    <select class="form-control">
 <option value="">请选择...</option>
<option value="1">订单未按时发货</option>
<option value="2">快递未揽收</option>
<option value="3">快递分拨留仓</option>
<option value="4">快递路由过多导致延迟</option>
<option value="5">包裹没有按时到达站点</option>
<option value="6">包裹到达站点但无人派送</option>
<option value="6">快递员已经派送未签收</option>
  </select>
</label>
  </div>
   </div>  
       
 


</div>
                                  
                                  
   <div class=" form-group row">
   
<div class="col-sm-3">
<div class="input-group col-sm-12">
<span class="input-group-text"> 日期范围： </span>
  
    <div class="input-group">
                                            <div class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" class="form-control pull-right" id="reservation" value="2015/5/23-0215/5/29">
                                        </div>
  
</div>
</div>
<div class="col-sm-4">

 <button class="btn btn-primary" type="button" >搜索</button>

</div>
</div>
</div>

                                </div><!-- /.box-body -->
                           
                            </div><!-- /.col -->
                         </div><!-- /.row -->

  <div class="form-group row">
  <div class="col-md-12">
<div class="box box-primary">
<div class="box-header">
<i class="fa fa-list"></i>
<h3 class="box-title">查询结果</h3>
<div class="box-tools pull-right">
<button class="btn btn-primary btn-xs" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</div>
<div class="box-body table-responsive">

<table id="example1" class="table table-striped table-bordered table-condensed">
<thead>
<tr>               
<th>目的地</th>
<th>时效标准(h)</th>
<th>实际平均时间(h)</th>
<th>达标订单数 </th>
<th>不达标订单数</th>
<th>及时率</th>
<th>分快递及时率 </th>
<th>不及时原因</th>
</tr>
</thead>
<tbody>
<tr>
<td>广东省，深圳市，罗湖区</td>
<td> 24 </td>
<td>16</td>
<td>98</td>
<td>2</td>
<td>98%</td>
<td>96%</td>
<td></td>
</tr>
<tr>
<td>辽宁省，长白山市</td>
<td> 96 </td>
<td>100</td>
<td>612</td>
<td>3</td>
<td>99%</td>
<td>93%</td>
<td></td>
</tr>

<tr>
<td>广东省，清远市</td>
<td> 48 </td>
<td>50</td>
<td>1654</td>
<td>8</td>
<td>93%</td>
<td>96%</td>
<td></td>
</tr>
<tr>
<td>广东省，潮州市</td>
<td> 48 </td>
<td>48</td>
<td>2145</td>
<td>6</td>
<td>98%</td>
<td>96%</td>
<td></td>
</tr>

<tr>
<td>广西省，桂林市</td>
<td> 64 </td>
<td>52</td>
<td>321</td>
<td>4</td>
<td>96%</td>
<td>96%</td>
<td></td>
</tr>
<tr>
<td>云南省，昆明市，官渡区</td>
<td> 72 </td>
<td>82</td>
<td>324</td>
<td>8</td>
<td>95%</td>
<td>96%</td>
<td></td>
</tr>

<tr>
<td>湖南省，惠州市</td>
<td> 48 </td>
<td>50</td>
<td>654</td>
<td>3</td>
<td>97%</td>
<td>92%</td>
<td></td>
</tr>
<tr>
<td>山西省，大同市</td>
<td> 48 </td>
<td>43</td>
<td>254</td>
<td>8</td>
<td>98%</td>
<td>94%</td>
<td></td>
</tr>

<tr>
<td>西藏省，林芝市</td>
<td> 96 </td>
<td>108</td>
<td>8</td>
<td>2</td>
<td>96%</td>
<td>93%</td>
<td></td>
</tr>
<tr>
<td>四川省，成都市</td>
<td> 72 </td>
<td>50</td>
<td>585</td>
<td>8</td>
<td>97%</td>
<td>96%</td>
<td></td>
</tr>
</tbody>
</table>

</div>
</div>

</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->

</section>


 <!-- DATA TABES SCRIPT -->
        <script src="../../js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="../../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- page script -->
        <script type="text/javascript">
            $(function() {
                 $('#example1').dataTable({
                 "bFilter": false,
                 });
                $('#example2').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": false,
                    "bAutoWidth": false
                });
            });
        </script>

</body>
</html>